import Vue from 'vue'
import App from './App.vue'
// 如果目录中的文件名称是index.js 那么可以省略
// './router/index.js' 导入路由
import router from './router'
// 导入Vant 和 图片懒加载
import Vant, { Lazyload } from 'vant'
import 'vant/lib/index.css'
// 导入rem适配
import 'amfe-flexible'
// 导入全局less(导入less文件 需要加后缀)
import './styles/index.less'
// 导入时间过滤器功能
import time from './utils/plugins'
// ~ Vue.use() 导入插件
// ~ 导入 Vant插件
Vue.use(Vant)
// ~ 导入 Vant自带的看加载
Vue.use(Lazyload)
// ~ 导入 自定义事件过滤器
Vue.use(time)
Vue.config.productionTip = false

//! 创建一个Vue实例对象
const eventBus = new Vue()
//! 把创建的Vue对象添加到Vue构造函数的原型上，那么所有的组件都可以获取该对象
//! 所有的组件都是Vue构造函数的实例
Vue.prototype.eventBus = eventBus

// 把根组件App.vue挂载到index.html页面的id是app的div里面
new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
